export type IconRenderingMode = 'automatic' | 'original';

export default function OriginalIconColors() {
  const [index, setIndex] = useState(0);
  const [routes] = useState([
    {
      key: 'tinted',
      title: 'Tinted',
      focusedIcon: require('../../assets/avatar-4.png'),
      // will use default iconRenderingMode: 'automatic'
    },
    {
      key: 'chat',
      title: 'Chat',
      focusedIcon: require('../../assets/avatar-4.png'),
      iconRenderingMode: 'original', // keep original colors
    },
  ]);

  return (
    <TabView
      navigationState={{ index, routes }}
      onIndexChange={setIndex}
      renderScene={renderScene}
    />
  );
}